// 页面过渡动画
.page-enter-active, .page-leave-active
  transition all 0.3s ease
.page-enter, .page-leave-to
  opacity 0
  transform translateX(0.2rem)

// 从底部出现
.fromBottom-enter-active, .fromBottom-leave-active
  transition all .3s ease
.fromBottom-enter, .fromBottom-leave-to
  opacity 0
  transform translateY(100%)

// 从右侧出现
.fromRight-enter-active, .fromRight-leave-active
  transition all .3s ease
.fromRight-enter, .fromRight-leave-to
  opacity 0
  transform translateX(100%)

// 缩放出现
.scale-enter-active, .scale-leave-active
  transition all .3s ease
.scale-enter, .scale-leave-to
  opacity 0
  transform scale(1.2)